火狐浏览器Top Level Await支持

作为一名前端开发者，多年来我一直在关注浏览器对最新JavaScript特性的支持情况。最近，火狐浏览器（Firefox）正式支持了 Top Level Await，这让我的开发体验提升了不少。本文将分享我在火狐浏览器中使用Top Level Await的真实体验，并提供一些实用操作建议，帮助大家更好地利用这项功能。

什么是Top Level Await？

Top Level Await允许我们在模块的顶层直接使用 await，不用再把异步代码包裹在async函数里。这在处理异步数据加载或模块初始化时，大幅简化了代码结构。

火狐浏览器支持情况

自Firefox 89版本起，火狐就开始支持Top Level Await。这意味着在最新版本的火狐浏览器中，你可以直接在ES模块顶层使用await，无需担心兼容性问题。

具体操作步骤

1. 确保你使用的是 Firefox 89及以上版本。可以通过菜单 帮助 > 关于Firefox 检查更新。
2. 创建一个JavaScript模块文件（例如 main.mjs），并在其中直接使用 await：

   const data = await fetch('https://api.example.com/data').then(res => res.json());
   console.log(data);

3. 在HTML中通过